<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/add.css"/>
</head>
<body>
<div id="app">
	<div class="header">
		<span>添加用户</span>
	</div>
	<div class="content">
		<table>
			<tr>
				<td class="text-right">姓名</td><td class="content_right"><input id="username" class="input" placeholder="请输入姓名"></td>
			</tr>
			<tr>
				<td class="text-right">手机号码</td><td class="content_right"><input id="phone" class="input" placeholder="请输入手机号"></td>
			</tr>
			<tr>
				<td class="text-right">密码</td><td class="content_right"><input id="password" class="input" placeholder="请输入密码"></td>
			</tr>
			<tr>
				<td></td><td class="content_right"><span id="submit" class="btn btn-info">立即提交</span> <span class="btn">重置</span> </td>
			</tr>
		</table>


	</div>
</div>
</body>
<script src="../../assets/layui.all.js"></script>
<script src="../../qrcode/jquery2.1.4.js"></script>
<script src="../../layer/layer.js"></script>

<script>
	var form = layui.form
			,layer = layui.layer;
</script>
<script>
	$(function () {
		$("#submit").click(function () {
			var username = $("#username").val()
			var password = $("#password").val()
			var phone = $("#phone").val()
			if(username===null || username==='') {
				layer.msg("用户名不能为空");
			} else if(password===null || password==='') {
				layer.msg("密码不能为空");
			} else if(!/^((0\d{2,3}-\d{7,8})|(1[345789]\d{9}))$/.test(phone)) {
				layer.msg("手机号不符合规范");
			} else {
				var windowId = layer.load();
				$.post("/user/add.do",{username:username,password:password,phone:phone},function (data) {
					layer.close(windowId);
					layer.msg(data.result);
					if(data.status === 1){
						$("input").val("");
					}
				},"JSON")
			}
			return false;
		})
	})
</script>
</html>
